<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib uri="/WEB-INF/tlds/hdiv-spring.tld" prefix="spring"%>

<c:url value="mostrarHWF3002.html" var="remesasPorProcesar"/>

    <script type="text/javascript">
    
   $(document).ready(function(){  
        $("#fechadesde").datepicker();
        //habilitar y deshabilitar el boton Matriz
        $("#cuenta").change(function(){ 
            $("#message").html("");
            $.getJSON("<c:url value='selecCuenta.html'/>", {accion : "getListTipUnidMone", cuenta: $("#cuenta").val() },function(listTipUnidMone){
                var options = '<option value="">'+'</'+'option>';
                for (var i = 0; i < listTipUnidMone.length; i++) {                    
                    options += '<option value="' + listTipUnidMone[i].codigo + '">' + listTipUnidMone[i].descripcion+'</'+'option>';
                }
                $("#tipoUnidMone").html(options);
                $('#tipoUnidMone option:first').attr('selected', 'selected');
                if($("#tipoUnidMone").val()=="1"||$("#tipoUnidMone").val()=="2")$("#opener_um").show();else $("#opener_um").hide();
            });
            if($("#cuenta").val()==2 ) $("#opener_cuenta").show();else $("#opener_cuenta").hide(); 
        });                        
        if($("#cuenta").val()==2)$("#opener_cuenta").show();else $("#opener_cuenta").hide();         
        
        //habilitar y deshabilitar el boton Punto
        $("#tipoUnidMone").change(
            function(){ $("#message").html("");if(  $("#tipoUnidMone").val()!="" ) $("#opener_um").show();
                        else $("#opener_um").hide(); }
        );                        
        if($("#tipoUnidMone").val()=="1"||$("#tipoUnidMone").val()=="2")$("#opener_um").show();else $("#opener_um").hide(); 
        
        $( "#dialog,#mygrid_container" ).dialog({autoOpen: false,height: 700,width: 345,modal: false});
        $( "#dialog" ).dialog({autoOpen: false,height: 600,width: 500,modal: false});
        $( "#opener" ).click(function() {$( "#dialog" ).dialog( "open" );return false;});
        $("#opener_cuenta").click(openWinCuenta);
        $("#opener_um").click(openWinUM);
        
    });    
  
    function openWinCuenta(){        
        childWindow=window.showModalDialog('<c:url value="selecCuenta.html" />','selecCuenta',"dialogWidth:520px;dialogHeight:340px;center:yes;status:no;help:yes;resizable:yes");
        if (childWindow) {
            var listTipUnidMone = childWindow.listTipUnidMone;
            var options = '<option value="">'+'</'+'option>';
            for (var i = 0; i < listTipUnidMone.length; i++) {                    
                options += '<option value="' + listTipUnidMone[i].codigo + '">' + listTipUnidMone[i].descripcion+'</'+'option>';
            }
            $("#tipoUnidMone").html(options);
            $('#tipoUnidMone option:first').attr('selected', 'selected');
            if($("#tipoUnidMone").val()=="1"||$("#tipoUnidMone").val()=="2")$("#opener_um").show();else $("#opener_um").hide();
        }
    }    

    function openWinUM(){
        $("#message").html("");
        childWindow=window.showModalDialog('<c:url value="selecUnidMone.html" />&tipoUnidMone='+ document.forms[0].tipoUnidMone.value+'&cuenta='+$("#cuenta").val(),'selecUM',"dialogWidth:520px;dialogHeight:340px;center:yes;status:no;help:yes;resizable:yes");        
    }     
    
/*    function openWinCuenta(){
        childWindow=open('<c:url value="selecCuenta.html" />','selecCuenta');//,'width=680,height=280,toolbar=no,directories=no, menubar=no ,scrollbars=yes, resizable=yes, modal=yes');        
        if (childWindow.opener == null)childWindow.opener = self;
    }    

    function openWinUM(){
        childWindow=open('<c:url value="selecUnidMone.html" />','selecUM');//,'width=680,height=280,toolbar=no,directories=no, menubar=no ,scrollbars=yes, resizable=yes, modal=yes');        
        if (childWindow.opener == null)childWindow.opener = self;
    }       
*/    
    
    function openwin2(url,winheight,winwidth)
        {
        //Default sizes for window
        var frm = document.forms[0];
        if( frm.cuenta.value == "" ) {    
        alert("Ingrese Cuenta");
        frm.cuenta.focus();
        return false;
        }  
        if( frm.modulo.value == "" ) {    
        alert("Ingrese B?veda");
        frm.modulo.focus();
        return false;
        }  
        if( frm.fechadesde.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechadesde.focus();
        return false;
        }  
        if(!checkDate(document.forms[0].fechadesde)) return false;
        var xx, yy;
            xx = 90;
            yy = 90;
        es = 1;
        if (winwidth==null) winwidth='450';
                    if (winheight==null) winheight='920';
        popupwin = window.open('about:blank', 'window1', 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight+ ', top=' + yy + ', left=' + xx);
        popupwin.resizeTo(winwidth, winheight);
        var fechadesde= document.forms[0].fechadesde.value;
        var s_cod_clie= document.forms[0].cliente.value;
        var cuenta= document.forms[0].cuenta.value;
        var modulo= document.forms[0].modulo.value;
        var formulario='HMR4010';
        var sucursal= document.forms[0].sucursal.value;
        var action = 'reporteHMR3002.jsp?fechadesde='+fechadesde+'&s_cod_clie='+s_cod_clie+'&cuenta='+cuenta+'&modulo='+modulo+'&formulario='+formulario+'&sucursal='+sucursal;
        var target = 'window1';
        document.forms[0].target = target;
        document.forms[0].action = action;
        document.forms[0].submit();
                    }
    
    function openwin(url,winheight,winwidth)
    {     //Default sizes for window
        var frm = document.forms[0];
        if( frm.cuenta.value == "" ) {    
        alert("Ingrese Cuenta");
        frm.cuenta.focus();
        return false;
        }  
        if( frm.tipoUnidMone.value == "" ) {    
        alert("Ingrese Unidad Monetaria");
        frm.tipoUnidMone.focus();
        return false;
        }  
        if( frm.fechadesde.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechadesde.focus();
        return false;
        }  
        //if(!checkDate(document.forms[0].fechadesde)) return false;
        winwidth='450';
        winheight='920';
        window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
      
        var accion = 'mostrarReporte';
        var target = 'window1';
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();        
    }
    </script>
    <script type="text/javascript">
    function abrir() {   
    
       if (document.forms[0].cuenta.value== "") {
        alert("Ingrese Cuenta");
        document.forms[0].cuenta.focus();
        return false;
      }
    
       if (document.forms[0].tipoUnidMone.value== "") {
        alert("Ingrese la unidad Monetaria");
        document.forms[0].tipoUnidMone.focus();
        return false;
      }
      
      if (document.forms[0].fechadesde.value== "") {
        alert("Ingrese la Fecha");
        document.forms[0].fechadesde.focus();
        return false;
      }
      //alert("desp fecha");
      //if(!checkDate(document.forms[0].fechadesde)) 
      //return false;
            
      moveForward('mostrar');        
      return true;       
    }
    </script>

<form:form modelAttribute="form" action="${remesasPorProcesar}">
<form:hidden path = "control"/>
<form:hidden path="accion"/>
<form:hidden path="cliente"/>
<form:hidden path="sucursal"/>
<form:hidden path="formulario"/>
<form:hidden path="opcion"/>

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
      <tr>
        <td height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
		<li>REMESAS POR PROCESAR</li>
		</ul>
        </td>
        <td align="left" width="80">
               <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
         </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco"><table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="60" height="23" align="left" valign="top" class="verdana10bazul">Cliente</td>
            <td height="23" align="left" valign="top" class="verdana10negro"
                width="670">
                 <c:out value="${sessionScope.nombreCliente}"/>
               </td>
          </tr>
          <!-- Muestra el grupo de clientes en caso de coorporaci?n      -->
          <c:if test="${not empty listaClientes}"> 
            <tr>
                <td width="60" height="23" align="left" valign="top" class="verdana10bazul">
                    Grupo Cliente
                </td>
                <td width="670">
                    <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                path="cli_grupo">                        
                                <form:option value=""></form:option>
                                <form:options items="${listaClientes}"
                                              itemValue="codCliente"
                                              itemLabel="nombre"/>
                    </form:select>                   
                </td>
            </tr>
          </c:if> 

          <tr>
            <td width="60" height="27" align="left" valign="bottom" class="verdana10bazul">Cuenta</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="670">
                
                <table border="0">
                 <tr>
                    <td>
                    <div class="fondo_txtbox90">
                    <%--
                    <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                path="cuenta" onchange="javascript:moveForward('cargarModulo');">                        
                                <form:option value=""></form:option>
                                <form:options items="${listaCuentas}"
                                              itemValue="numero"
                                              itemLabel="descripcion"/>
                    </form:select>             
                    --%>
                    <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                 path="cuenta">
                          <form:option value="0">&nbsp;</form:option>
                          <form:option value="1">TODOS</form:option>
                          <form:option value="2">ALGUNOS</form:option>
                    </form:select>                     
                    </div>
                    </td>
                    <td>
                    <a href="#" id="opener_cuenta"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                    </td>
                </tr>    
                </table>                 
            
            </td>
          </tr>
          <tr>
            <td width="60" height="34" align="left" valign="bottom" class="verdana10bazul">U. M.</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro"
                width="670">
                
                <table border="0">
                     <tr>
                        <td>
                        <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                    path="tipoUnidMone">                        
                                    
                                    <form:option value=""></form:option>
                                    <form:options items="${listadoUnidMone}"
                                                  itemValue="codigo"
                                                  itemLabel="descripcion"/>
                                    
                        </form:select>                                     
                        
                    </td>
                    <td style="color:red;">
                        <a href="#" id="opener_um"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a>
                        <span id="message"><c:out value="${message}"/></span>
                    </td>
                    </table>                 
                       
            
            </td>
          </tr>
          <tr>
            <td height="34" align="left" valign="bottom" class="verdana10bazul"
                width="60">Fecha</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro"
                width="670">
            <table width="75%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="center" valign="bottom" class="padright10"
                      width="30%"><div class="fondo_txtbox90">
                       <form:input maxlength="10" size="12" path="fechadesde" readonly="false"/>
                   </div></td>
                  <td class="padright10" width="5%">&nbsp;Hora</td>
                  <td width="10%" align="right" valign="middle"><div class="fondo_txtbox65">
                    <form:input maxlength="9" size="9" path="hora" readonly="true"/></div></td>
                  <td width="55%" align="right" valign="middle">
                  <input type="button" value="Mostrar" name="mostrar" class="boton" onclick="javascript:abrir()"/>
                  </td>
                </tr>
            </table></td>
          </tr>
        </table>
        </td>
      </tr>
      </table>
      <table border="0" cellpadding="0" cellspacing="0" class="margintop20" >
        <tr >
          <td width="100%">
              <display:table id="lista" name="listaRemesasPorProcesar" cellpadding="0"
                             cellspacing="0" style="width:100%" pagesize="10"
                             export = "true"                            
                             requestURI="${remesasPorProcesar}"
                             class="its7">
               <tbody>
                <display:column property="serie"
                                headerClass="even" class="cellderecha "
                                title="Serie"/>
                <display:column property="numero"
                                headerClass="even" class="cellderecha "
                                title="CS"/>
                                
                <display:column property="puntoOrigen"
                                headerClass="even" class="even "
                                title="Remitente"/>
                <display:column property="cantidad"
                                headerClass="even" class="cellderecha "
                                title="Env"/>
                <display:column property="total"
                                headerClass="even" class="cellderecha "
                                title="Monto"/>
               </tbody>
              </display:table>
          </td>
        </tr>
        <tr><td>&nbsp;</td>
        </tr>
        <tr><td>
                
        <c:if test="${not empty listaRemesasPorProcesar}">
        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="navlist2">
        <tbody>
        <tr>
            <td width="80%" class="verdana11bazul">Total</td>
            <td width="20%" class="verdana11bazul">
                <c:if test="${not empty suma1}">                    
                    <c:out value="${suma1}"/>
                </c:if>
            </td>
            
        </tr>
        </tbody>
        </table>
        </c:if>
        </td>
        </tr>
      </table>

	  <div class="margintop31">
	    <input type="button" value="Generar Reporte" name="reporte" class="boton" onclick="javascript:openwin('holas',450,920)"/>
	  </div>
	  </td>
  </tr>
</table>
</form:form> 
